<template>
  <NuxtLayout>
    <main class="main-content">
      <section1></section1>
      <section2></section2>
      <section3></section3>
    </main>
  </NuxtLayout>
</template>

<script setup lang="ts">
import section1 from '~/pages-components/index/section-1.vue'
import section2 from '~/pages-components/index/section-2.vue'
import section3 from '~/pages-components/index/section-3.vue'
</script>

<style lang="scss" scoped>
.main-content {
  color: #fff;

  // 避免内容出现横向滚动条 - 主要是section-1
  overflow: hidden;
}
</style>
